<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form</title>
</head>
<body>
    <center>
        <h3>注册页面</h3>
        <form action="http://tmooc.cn">
            <hr color="#551118">
            用户名:<input type="text" name="username" placeholder="请输入用户名" maxlength="8">
            <hr color="#229933">
            用户名:<input type="text" name="username" placeholder="请输入用户名" maxlength="8" value="不给写,气不气?" readonly="readonly">
            <hr color="#991122">
            密&nbsp;&nbsp;&nbsp;码:<input type="password" name="username" placeholder="还是不给写,气不气?" maxlength="8" value="" readonly="readonly">
            <hr color="ff0000">
            性&nbsp;&nbsp;&nbsp;别:
            <input type="radio" name="gender" value="male" checked id="r1"><label for="r1">男</label>
            <input type="radio" name="gender" value="female" id="r2"><label for="r2">女</label>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <hr color="00ff00">
            <input type="checkbox" name="hobby" checked value="smoke">抽烟
            <input type="checkbox" name="hobby"  value="drink">喝酒
            <input type="checkbox" name="hobby"  value="perm">烫头
            <input type="checkbox" name="hobby"  value="acting">演戏
            <hr color="0000ff">
            生&nbsp;&nbsp;&nbsp;日:<input type="date" name="brithday">
            &nbsp;&nbsp;&nbsp;&nbsp;
            <hr color="00ffff">
            <label style="margin-left: 86px">靓&nbsp;&nbsp;&nbsp;照:</label> <input type="file" name="picture">
            <hr color="ffff00">
            所在地:<select name="city" style="margin-right: 120px">
            <option value="guangzhou">广州</option>
            <option>厦门</option>
            <option>福州</option>
            <option>宁波</option>
            <option>上海</option>
            <option>北京</option>
            </select>
            <hr color="ff00ff">
            <input type="reset">
            <input type="submit" value="注册">
            <!--自定义按钮，需要结合 js 使用-->
            <input type="button" value="按钮">
            <hr color="115511">
            <button type="reset">重置</button>
            <button type="submit">提交</button>
            <button type="button">自定义</button>
            <hr color="e0520f">

        </form>
    </center>
</body>
</html>